﻿/// <reference path="/Scripts/Base/jquery-1.7.1.js" />
/// <reference path="/Scripts/Base/jquery-ui-1.8.20.js" />

$(function () {
    var rangeSelected = "range-selected";
    var rangeValue = "range-value";

    function Init() {

        $(".selector-container").each(function () {
            var rangeType = $(this).attr("data-type");
            switch (rangeType) {
                case "Minute":
                    break;
                case "Hour":
                    break;
                case "Day":
                    break;
                case "Month":
                    //hónapnevek beállítása
                    $(this).find(".range-label").each(function () {
                        switch ($(this).attr("data-value")) {
                            case "1":
                                $(this).text("Január");
                                break;
                            case "2":
                                $(this).text("Február");
                                break;
                            case "3":
                                $(this).text("Március");
                                break;
                            case "4":
                                $(this).text("Április");
                                break;
                            case "5":
                                $(this).text("Május");
                                break;
                            case "6":
                                $(this).text("Június");
                                break;
                            case "7":
                                $(this).text("Július");
                                break;
                            case "8":
                                $(this).text("Augusztus");
                                break;
                            case "9":
                                $(this).text("Szeptember");
                                break;
                            case "10":
                                $(this).text("Október");
                                break;
                            case "11":
                                $(this).text("November");
                                break;
                            case "12":
                                $(this).text("December");
                                break;
                            default:
                                break;
                        }
                    });
                    break;
                case "Year":
                    break;
            }
            //a nem default gyermekek elrejtése
            $(this).find(".range-value").each(function () {
                if (!$(this).hasClass("range-default")) {
                    $(this).parent().hide();
                }
            });
        });
    }; Init();

    function ToggleShowCornerTriangle(container) {
        var topCornerTriangle = container.find(".range-selector-top-right-corner");
        //debugger;
        if (!topCornerTriangle.is(":visible")) {
            topCornerTriangle.show({
                easing: "swing",
                duration: 200
            });
            topCornerTriangle.removeClass("invisible");
            //console.log("mutat");
        } else {
            topCornerTriangle.hide({
                duration: 200,
            });
            //console.log("rejt");
        }
    }

    $(".selector-container").mouseenter(function () {

        ToggleShowCornerTriangle($(this));
        //console.log($(this).find(".range-selector-top-right-corner").length);
    });
    $(".selector-container").mouseleave(function () {
        ToggleShowCornerTriangle($(this));
        //console.log($(this).find(".range-selector-top-right-corner").length);
    });

    $(".selector-container .range-selector-value").click(function () {
        var currentDiv = $(this);
        var parent = currentDiv.parent();
        //debugger;
        if (typeof parent.attr("clicked") == "undefined" || parent.attr("clicked") == "") {
            //selector bezárt állapotban van
            parent.attr("clicked", "#");
            parent.find(".range-value").each(function () {
                $(this).parent().show();
                $(this).parent().css("z-index", 3);
            });
        } else {
            //valamely elem kiválasztásra került
            //érték eltárolása
            parent.attr("data-selected", $(this).children().first().text());
            //minden egyes elemre
            parent.find("."+rangeValue).each(function () {

                if ($(this).text() != parent.attr("data-selected")) {
                    $(this).parent().hide();
                }
            });
            //beállítjuk, hogy még nem lett kiválasztva semmi
            parent.attr("clicked", "");
            //kinézet alakítása
            //ha van default -> annak osztályát eltávolítása
            
            parent.find(".range-default").removeClass("range-default");
            //egyébként selected eltávolítása, az aktuálishoz selected hozzáadása
            parent.find("." + rangeSelected).removeClass(rangeSelected);
            $(this).find("." + rangeValue).addClass(rangeSelected);
            //scroll a tetejére
            $('html, body').animate({
                scrollTop: 0
            }, 200);
        }
    });

    
});